- callout_id = 'promote_burndown_charts_dismissed'

- if show_burndown_charts_promotion?(milestone) && show_callout?(callout_id)
  = render Pajamas::BannerComponent.new(banner_options: { id: 'promote_burndown_charts', class: 'user-callout', data: { uid: callout_id } },
    close_options: { 'aria-label' => s_('Promotions|Dismiss burndown charts promotion'), class: 'js-close-callout' }) do |c|
    - c.with_title do
      - if Gitlab::CurrentSettings.should_check_namespace_plan?
        = s_('Promotions|Upgrade your plan to improve milestones with Burndown Charts.')
      - else
        = s_('Promotions|Improve milestones with Burndown Charts.')

    - c.with_illustration do
      = custom_icon('icon_burndown_charts')

    %p
      = s_('Promotions|Burndown Charts are visual representations of the progress of completing a milestone. At a glance, you see the current state for the completion a given milestone. Without them, you would have to organize the data from the milestone and plot it yourself to have the same sense of progress.')
      = link_to _('Read more'), help_page_path('user/project/milestones/burndown_and_burnup_charts.md'), target: '_blank', rel: 'noopener noreferrer'

    - c.with_primary_action do
      = render 'shared/promotions/promotion_link_project', location: :burndown_charts
